<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>资质审查PC端</title>
	<script src="../../js/vue.min.js"></script>
	<script src="../../js/ajax.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js" type="text/javascript"></script>
	<link rel="stylesheet" href="./css/login.css">
</head>

<body>
	<div id="app">
		<div id="login_container">
		</div>
		<div class="mainBox">
			<img src="./img/top.png" alt="" class="topImg">
			<img src="./img/bottom.png" alt="" class="bottomImg">
			<div class="infoCon">
				<div class="titleBox">
					<div>资质信息管理系统</div>
					<div>客户企业资质信息一站式收集</div>
				</div>
				<img src="./img/loginImg.png" alt="" class="loginImg">
			</div>
		</div>

	</div>

	<script>
		var app = new Vue({
			el: '#app',
			methods: {
				login: function () {
					const url = encodeURIComponent("https://www.ccclkj.cn/sharepage/informationCollection/PC/index.html"); // 你要重定向的页面地址
					console.log(url);
					// 创建实例对象
					let obj = new WxLogin({
						self_redirect: true, // 通过这个实例对象生成的二维码显示在一个iframe中，这个字段的意思是 当用户同意授权后是否在生成二维码的iframe中跳转到重定向的地址
						id: "login_container", // 显示二维码的容器id 注意是id不是class
						appid: "wxc6922a779ccf75eb",  // 上面步骤中获取到的APPID
						scope: "snsapi_login", // 应用授权作用域，拥有多个作用域用逗号（,）分隔，网页应用目前仅填写snsapi_login即可
						redirect_uri: url, // 重定向的地址
						state: "STATE", // 用于保持请求和回调的状态，授权请求后原样带回给第三方。该参数可用于防止csrf攻击（跨站请求伪造攻击），建议第三方带上该参数，可设置为简单的随机数加session进行校验
						style: "", // 提供"black"、"white"可选，默认为黑色文字描述。黑字的时候就是白色的底色 白字就是黑色的底色
						href: "data:text/css;base64,LnFsb2dpbl9tb2QsCi5sb2dpblBhbmVsLAoubm9ybWFsUGFuZWwgewogICAgcG9zaXRpb246IGZpeGVkICFpbXBvcnRhbnQ7CiAgICBwYWRkaW5nOiAxNTBweCAwcHg7CiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgdG9wOiAyMHZoICFpbXBvcnRhbnQ7CiAgICByaWdodDogMTB2dyAhaW1wb3J0YW50OwogICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDsKICAgIHdpZHRoOiA0NThweCAhaW1wb3J0YW50OwogICAgaGVpZ2h0OiA1MDRweDsKICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7CiAgICBiYWNrZ3JvdW5kOiAjZmZmICFpbXBvcnRhbnQ7Cn0KCi5sb2dpblBhbmVsLAoubm9ybWFsUGFuZWwgewogICAgcGFkZGluZzogMjhweCAwICFpbXBvcnRhbnQ7Cn0=", // 自定义样式链接，第三方可根据实际需求覆盖默认样式，stylelite不为1时有效。
						onReady: function (isReady) { // iframe页面是否加载成功的回调，isReady为true表示加载成功
							console.log("onReady>>>", isReady);
						},
					})
				}
			},
			created() {
				this.login();
			}
		})
	</script>
</body>

</html>